<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>空购物车</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/style-common.css">
    <link rel="stylesheet" type="text/css" href="css/style-index.css">

    <script src="js/commn.js"></script>
    <style>
        #main-wrapper{ width:100%; height:100px;background-color:#fff;
        }
        .main{ width:1315px; height:100px;color:#444;font-size:24px;
        text-align:center;line-height:100px;background:#fff;margin:0 auto;
            font-family:"方正舒体";
        }
    </style>
</head>
<body>
<div id="head-wrapper">
    <div class="head">
        <div class="head-l">
            <a href="#" id="login">登录</a>
            <span>|</span>
            <a href="#" id="reg">免费注册</a>
        </div>
        <ul class="head-r">
            <li>
                <a href="#">设为首页</a>
            </li>
            <li>
                <a href="#">加入收藏</a>
            </li>
            <li>
                <a href="#">在线留言</a>
            </li>
            <li>
                <a href="#">企业位置</a>
            </li>
            <li>
                <a href="#">手机站</a>
            </li>
        </ul>

    </div>
</div>
<div id="main-wrapper">
    <div class="main">购物车中还没有商品，赶紧选购吧！</div>
</div>

<div id="bottom-wrapper">
    <div class="bottom">
        <div class="bt">
            <a href="#">关于我们</a>
            <a href="#">经典案例</a>
            <a href="#">新闻动态</a>
            <a href="#">服务项目</a>
            <a href="#">咨询团队</a>
            <a href="#">联系我们</a>
        </div>
        <h6>Copyright@2017  . All rights reserved.</h6>
        <span>天狗商城</span>
        <div class="bt1"><a href="#">技术支持：上海鲸米网络科技有限公司</a>
            <span>|</span>
            <a href="#">管理登录</a>
        </div>
    </div>
</div>
<div id="share-wra">
    <div class="share">分享</div>
    <div class="showbox">
        <h4>分享到</h4>
        <ul>
            <li>
                <a href="#">一键分享</a>
            </li>
            <li>
                <a href="#">QQ空间</a>
            </li>
            <li>
                <a href="#">新浪微博</a>
            </li>
            <li>
                <a href="#">百度云收藏</a>
            </li>
            <li>
                <a href="#">微信</a>
            </li>
            <li>
                <a href="#">人人网</a>
            </li>
            <li>
                <a href="#">腾讯微博</a>
            </li>
            <li>
                <a href="#">百度相册</a>
            </li>
            <li>
                <a href="#">开心网</a>
            </li>
            <li>
                <a href="#">腾讯朋友</a>
            </li>
            <li>
                <a href="#">百度贴吧</a>
            </li>
            <li>
                <a href="#">豆瓣网</a>
            </li>
            <li>
                <a href="#">百度新首页</a>
            </li>
            <li>
                <a href="#">QQ好友</a>
            </li>
            <li>
                <a href="#">和讯微博</a>
            </li>
            <li>
                <a href="#">百度中心</a>
            </li>
        </ul>
        <div class="smore">
            <a href="#" class="smorea">更多...</a>
        </div>
    </div>
</div>

<div class="morebox">
    <div class="stit">
        <p>分享到</p>
        <a href="#">X</a>
    </div>
    <ul>
        <li>
            <a href="#">一键分享</a>
        </li>
        <li>
            <a href="#">QQ空间</a>
        </li>
        <li>
            <a href="#">新浪微博</a>
        </li>
        <li>
            <a href="#">百度云收藏</a>
        </li>
        <li>
            <a href="#">微信</a>
        </li>
        <li>
            <a href="#">人人网</a>
        </li>
        <li>
            <a href="#">腾讯微博</a>
        </li>
        <li>
            <a href="#">百度相册</a>
        </li>
        <li>
            <a href="#">开心网</a>
        </li>
        <li>
            <a href="#">腾讯朋友</a>
        </li>
        <li>
            <a href="#">百度贴吧</a>
        </li>
        <li>
            <a href="#">豆瓣网</a>
        </li>
        <li>
            <a href="#">百度新首页</a>
        </li>
        <li>
            <a href="#">QQ好友</a>
        </li>
        <li>
            <a href="#">和讯微博</a>
        </li>
        <li>
            <a href="#">百度中心</a>
        </li>
        <li>
            <a href="#">美丽说</a>
        </li>
        <li>
            <a href="#">蘑菇街</a>
        </li>
        <li>
            <a href="#">点点网</a>
        </li>
        <li>
            <a href="#">花瓣</a>
        </li>
        <li>
            <a href="#">堆糖</a>
        </li>
        <li>
            <a href="#">和讯</a>
        </li>
        <li>
            <a href="#">飞信</a>
        </li>
        <li>
            <a href="#">有道云笔记</a>
        </li>
        <li>
            <a href="#">麦库记事</a>
        </li>
        <li>
            <a href="#">轻笔记</a>
        </li>
        <li>
            <a href="#">人民微博</a>
        </li>
        <li>
            <a href="#">新华微博</a>
        </li>
        <li>
            <a href="#">邮件分享</a>
        </li>
        <li>
            <a href="#">我的搜狐</a>
        </li>
        <li>
            <a href="#">摇篮空间</a>
        </li>
        <li>
            <a href="#">若邻网</a>
        </li>
        <li>
            <a href="#">天涯社区</a>
        </li>
        <li>
            <a href="#">股吧</a>
        </li>
        <li>
            <a href="#">Facebook</a>
        </li>
        <li>
            <a href="#">Twitter</a>
        </li>
        <li>
            <a href="#">linkedin</a>
        </li>
        <li>
            <a href="#">网易热</a>
        </li>
        <li>
            <a href="#">印象笔记</a>
        </li>
        <li>
            <a href="#">复制网址</a>
        </li>
        <li>
            <a href="#">打印</a>
        </li>
    </ul>
    <div class="b-share">
        <a href="#" class="b-share">百度分享</a>
    </div>
</div>

<div class="yuan">
    <a href="javascript:;" onclick="test()">×</a>
</div>

<div class="info">
    <a href="#" class="arrow1"><i class="iconfont">&#xe66c;</i></a>
    <ul>
        <li class="pho">
            <a href="#" class="iconfont">&#xe663;</a>
            <div class="tel hide">
                <h3>电话直呼</h3>
                <h6>15000499950</h6>
            </div>
        </li>
        <li class="icons">
            <a href="#" class="iconfont">&#xe660;</a>
            <a href="#" class="h1 hide">在线留言</a>
        </li>
        <li>
            <a href="#" class="iconfont">&#xe6eb;</a>
            <a href="#" class="h2 hide">发送邮件</a>
        </li>
        <li>
            <a href="#" class="iconfont">&#xe65c;</a>
            <a href="#" class="h3 hide">企业位置</a>
        </li>
    </ul>
    <a href="#" class="arrow2"><i class="iconfont">&#xe6ea;</i></a>
</div>

<div class="top-return">
    <a href="#">
        <img src="images/return.png" alt="">
    </a>
</div>
</body>
</html>